<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" type="text/css" href="../css/shopping-Mall-shopping-cart.css" />
	<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_792551_0o4jg9vy3hmh.css" />
</head>

<body>
	<div class="wrap">
		<header>
            <div class="top">
                <div class="top-t clearfix w">
                    <span>
                        <a href="reg.html">注册</a>
                        <a href="reg.html">登录</a>
                        <a href="VIP_landing.html">VIP登录</a>
                    </span>
                    <ul>
                        <li><a href="search.html">商家入驻</a></li>
                        <li><a href="shopping-Mall-shopping-cart.html">我的订单</a></li>
                        <li><a href="shopping-address.html"><b class="iconfont icon-gouwuche"></b> <b>( 0 )</b></a></li>
                    </ul>
                </div>
        	</div>
	        <div class="header_contant clearfix w">
	            <div class="logo">
	                <a href="index.html"><img src="../images/index/logo.png"/></a>
	            </div>
	            <div class="search">
	                <form action="" method="post" class="clearfix">
	                    <input type="text" placeholder="serch"/>
	                    <input type="button" value=""/>
	                    <i class="iconfont icon-fangdajing magnifying"></i>
	                </form>
	                <ul class="clearfix">
	                    <li><a href="#">地板</a></li>
	                    <li><a href="#">地板</a></li>
	                    <li><a href="#">地板</a></li>
	                    <li><a href="#">地板</a></li>
	                    <li><a href="#">地板</a></li>
	                    <li><a href="#">地板</a></li>
	                </ul>
	            </div>
	        </div>
            <nav>
                <div class="nav w">
                    <ul class="clearfix">
                        <li class="nav_li">
                            <a href="login-accounts.html">木工</a>
                            <div class="navigation">
                                <div class="centent w">
                                    <div class="listing1 flo">
                                        <ul>
                                            <li class="Coarse_word">板材</li>
                                            <li><a href="#">装饰面板</a></li>
                                            <li><a href="#">宝丽板</a></li>
                                            <li><a href="#">三聚氰胺板</a></li>
                                            <li><a href="#">铝塑板</a></li>
                                            <li><a href="#">多层板</a></li>
                                            <li><a href="#">中纤板</a></li>
                                            <li><a href="#">细木工板</a></li>
                                            <li><a href="#">刨花板</a></li>
                                        </ul>
                                        <ul class="spacing">
                                            <li><a href="#">欧松板</a></li>
                                            <li><a href="#">防火板</a></li>
                                            <li><a href="#">密度板</a></li>
                                            <li><a href="#">其他板材</a></li>
                                        </ul>
                                    </div>
                                    <div class="listing1 flo">
                                        <ul>
                                            <li class="Coarse_word">地板</li>
                                            <li><a href="#">实木地板</a></li>
                                            <li><a href="#">实木复合地板</a></li>
                                            <li><a href="#">强化复合地板</a></li>
                                            <li><a href="#">竹地板</a></li>
                                            <li><a href="#">软木地板</a></li>
                                            <li><a href="#">塑料地板</a></li>
                                            <li><a href="#">PVC地板</a></li>
                                            <li><a href="#">其他地板</a></li>
                                        </ul>
                                    </div>
                                    <div class="listing1 flo">
                                        <ul>
                                            <li class="Coarse_word">木线</li>
                                            <li><a href="#">普通龙骨</a></li>
                                            <li><a href="#">精品龙骨</a></li>
                                            <li><a href="#">顶线</a></li>
                                            <li><a href="#">门线</a></li>
                                            <li><a href="#">角线</a></li>
                                            <li><a href="#">木方线</a></li>
                                            <li><a href="#">收口线</a></li>
                                            <li><a href="#">花木线</a></li>
                                        </ul>
                                        <ul class="spacing">
                                            <li><a href="#">踢脚线</a></li>
                                            <li><a href="#">定制木线</a></li>
                                            <li><a href="#">其他木线</a></li>
                                        </ul>
                                    </div>
                                    <div class="listing1 flo">
                                        <ul>
                                            <li class="Coarse_word">地板配件</li>
                                            <li><a href="#">地板订</a></li>
                                            <li><a href="#">扣条</a></li>
                                            <li><a href="#">地垫</a></li>
                                            <li><a href="#">地板蜡</a></li>
                                            <li><a href="#">地板清洁剂</a></li>
                                            <li><a href="#">底板防水油</a></li>
                                            <li><a href="#">地板修补剂</a></li>
                                            <li><a href="#">甲醛清除剂</a></li>
                                        </ul>
                                        <ul class="spacing">
                                            <li><a href="#">地板安装工具</a></li>
                                            <li><a href="#">其他地板配件</a></li>
                                        </ul>
                                    </div>
                                    <div class="listing1 flo">
                                        <ul>
                                            <li class="Coarse_word">吊顶钢龙骨</li>
                                            <li><a href="#">吊筋</a></li>
                                            <li><a href="#">吊钢</a></li>
                                            <li><a href="#">轻钢龙骨</a></li>
                                            <li><a href="#">扣板龙骨</a></li>
                                            <li><a href="#">铝合金龙骨</a></li>
                                            <li><a href="#">其他吊件</a></li>
                                        </ul>
                                    </div>
                                    <div class="listing1 flo">
                                        <ul>
                                            <li class="Coarse_word">木工类五金</li>
                                            <li><a href="#">拉手</a></li>
                                            <li><a href="#">锁</a></li>
                                            <li><a href="#">合页</a></li>
                                            <li><a href="#">铰链</a></li>
                                            <li><a href="#">插销</a></li>
                                            <li><a href="#">门夹</a></li>
                                            <li><a href="#">碰珠</a></li>
                                            <li><a href="#">脚轮</a></li>
                                        </ul>
                                        <ul class="spacing">
                                            <li><a href="#">闭门器</a></li>
                                            <li><a href="#">地弹簧</a></li>
                                            <li><a href="#">吊轮</a></li>
                                            <li><a href="#">导轨</a></li>
                                            <li><a href="#">螺栓</a></li>
                                            <li><a href="#">钉</a></li>
                                            <li><a href="#">角码</a></li>
                                            <li><a href="#">螺母</a></li>
                                        </ul>
                                        <ul class="spacing">
                                            <li class="clearfix"><a href="#">围网</a></li>
                                            <li><a href="#">其他木工五金</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="nav_li">
                            <a href="#">泥水工</a>
                        </li>
                        <li class="nav_li">
                            <a href="#">油漆工</a>
                        </li>
                        <li class="nav_li">
                            <a href="#">电工</a>
                        </li>
                        <li class="nav_li">
                            <a href="#">门窗/其他</a>
                        </li>
                        <li class="nav_li">
                            <a href="#">装修工具</a>
                        </li>
                        <li class="nav_li">
                            <a href="#">消防材料</a>
                        </li>
                        <li class="nav_li">
                            <a href="#">建筑防具</a>
                        </li>
                        <li class="nav_li">
                            <a href="#">精细化学品</a>
                        </li>
                        <li class="nav_li">
                            <a href="#">定制/非标准</a>
                        </li>
                    </ul>
                </div>
            </nav>
        </header> 
		<section>
			<!--内容左边部分-->
			<div class="left-section">
				<!--我的购物车，文字样式-->
				<div class="My-shopping-cart-text">
					<p>我的购物车</p>
				</div>
				<!--vip九折-文字样式-->
				<div class="vip-text">
					<span>VIP平时享受正价九折优惠</span>
				</div>
				<!--商品、数量、价格、小计导航栏-文本样式-->
				<div class="Details">
					<ul class="clearfix">
						<li>商品</li>
						<li>数量</li>
						<li>价格</li>
						<li>小计</li>
					</ul>
				</div>
				<!--购物车商品-框架1-->
				<div class="Shopping-cart-merchandise">
					<div class="img">
						<img src="../images/shopping/1.jpg" />
					</div>
					<h3>商品品牌名称</h3>
					<ul>
						<li>
							<span>颜色：</span>白色</li>
						<li>
							<span>规格：</span>规格X规格</li>
						<li>
							<span>货号：NH5478525666</span>
						</li>
						<li>修改</li>
					</ul>
					<div class="but-text">
						<input type="button" name="" id="" value="-" />
						<input type="text" name="" id="" value="5" />
						<input type="button" name="" id="" value="+" />
					</div>
					<div class="price">
						¥150.00
					</div>
					<div class="sum">
						¥750.00
					</div>
				</div>

				<!--购物车商品-框架2-->
				<div class="Shopping-cart-merchandise " style="border-top: 0px;">
					<div class="img">
						<img src="../images/shopping/1.jpg" />
					</div>
					<h3>商品品牌名称</h3>
					<ul>
						<li>
							<span>颜色：</span>白色</li>
						<li>
							<span>规格：</span>规格X规格</li>
						<li>
							<span>货号：NH5478525666</span>
						</li>
						<li>修改</li>
					</ul>
					<div class="but-text">
						<input type="button" name="" id="" value="-" />
						<input type="text" name="" id="" value="5" />
						<input type="button" name="" id="" value="+" />
					</div>
					<div class="price">
						¥150.00
					</div>
					<div class="sum">
						¥750.00
					</div>
				</div>
				<!--推荐商品-文字样式和框架-->
				<div class="recommend">
					<p>推荐商品</p>
					<div class="Recommended-Commodities">
						<span>客官看看下面的推荐产品</span>
					</div>
				</div>
				<div class="section-left-end">
					<div class="left-img">
						<img src="../images/shopping/address-1.jpg" />
					</div>

					<div class="img-box1">
						<img src="../images/shopping/address-2.jpg" />
					</div>
					<div class="img-box2">
						<img src="../images/shopping/address-2.jpg" />
					</div>
					<div class="img-box3">
						<img src="../images/shopping/address-2.jpg" />
					</div>
					<div class="img-box4">
						<img src="../images/shopping/address-2.jpg" />
					</div>

					<div class="commodity-text clearFix">
						<ul>
							<li>商品名称</li>
							<li>产品型号</li>
							<li>产品价格</li>
						</ul>
						<ul>
							<li>商品名称</li>
							<li>产品型号</li>
							<li>产品价格</li>
						</ul>
						<ul>
							<li>商品名称</li>
							<li>产品型号</li>
							<li>产品价格</li>
						</ul>
						<ul>
							<li>商品名称</li>
							<li>产品型号</li>
							<li>产品价格</li>
						</ul>
					</div>
					<div class="right-img">
						<img src="../images/shopping/address-3.jpg" />
					</div>

				</div>

			</div>

			<div class="right-section">
				<!--结算详细信息-->
				<div class="settle-accounts clearfix">
					<ul class="clearfix">
						<li>商品名称</li>
						<li>X5</li>
						<li>￥750.00</li>
					</ul>
					<ul>
						<li>商品名称</li>
						<li>X5</li>
						<li>￥750.00</li>
					</ul>
					<ul>
						<li>优惠</li>
						<li>（以结算页为准）</li>
					</ul>
					<ul>
						<li>运费</li>
						<li>¥0.00</li>
					</ul>

				</div>
				<div class="hr">

				</div>
				<div class="count">
					<p>订单总额</p>
					<p>人民币1500.00</p>
				</div>
				<div class="count-button">
					<input type="button" name="" id="" value="结算" />
				</div>
			</div>
		</section>

		<footer>
            <div class="footer_tittle clearfix w">
                <ul>
                    <li class="quan"><p>优</p></li>
                    <li>
                        <h5>品质保障</h5>
                        <span>品质保障 品质无忧</span>
                    </li>
                </ul>
                <ul>
                    <li class="quan"><p>特</p></li>
                    <li>
                        <h5>特色服务</h5>
                        <span>针对户型 私人定制</span>
                    </li>
                </ul>
                <ul>
                    <li class="quan"><p>省</p></li>
                    <li>
                        <h5>全网最低</h5>
                        <span>厂家直销 低价承诺</span>
                    </li>
                </ul>
                <ul>
                    <li class="bangzhu"><p class="iconfont icon-bangzhuzhongxin"></p></li>
                    <li>
                        <h5>帮助中心</h5>
                        <span>你的购物指南</span>
                    </li>
                </ul>
            </div>
            <div class="footer_ul clearfix w">
                <ul>
                    <li>
                        <h5><a href="#">新手指南</a></h5>
                    </li>
                    <li>
                        <a href="#">新手指南</a>
                    </li>
                    <li>
                        <a href="#">购物流程</a>
                    </li>
                </ul>
                <ul>
                    <li>
                        <h5><a href="#">支付方式</a></h5>
                    </li>
                    <li>
                        <a href="#">支付宝</a>
                    </li>
                    <li>
                        <a href="#">微信支付</a>
                    </li>
                </ul>
                <ul>
                    <li>
                        <h5><a href="#">物流配送</a></h5>
                    </li>
                    <li>
                        <a href="#">物流方式</a>
                    </li>
                    <li>
                        <a href="#">服务流程</a>
                    </li>
                </ul>
                <ul>
                    <li>
                        <h5><a href="#">客服中心</a></h5>
                    </li>
                    <li>
                        <a href="#">在线客服</a>
                    </li>
                    <li>
                        <a href="#">常见问题</a>
                    </li>
                </ul>
                <ul>
                    <li class="xiongdi">
                        <a href="#">扫一扫，关注鲁班兄弟</a>
                    </li>
                    <li class="erweima">
                        <a href="#"><img src="../images/index/erweima.jpg"/></a>
                    </li>
                </ul>
            </div>
            <div class="bottom">
                <div class="bottom_contant">
                    <p>
                    	Copyright © 2015-2016 QDTG. All rights reserved. 鲁班兄弟 粤ICP16035771<span>|</span><a href="#">关于我们</a><span>|</span><a href="#">联系我们</a><span>|</span><a href="#">法律声明</a>
                    </p>
                </div>
            </div>
        </footer>
	</div>
</body>

</html>